<template>
  <div class="BaseAll">
    <dv-loading style="color: white" v-if="loading">数据加载中...</dv-loading>
    <div v-if="!loading" class="baseHead">
      <H1 class="baseTitLe" >
        地理洞察智能系统
        <span>GeoInsight AI</span>
      </H1>
<!--      <span class="baseTitLe" >-->
<!--        地理大模型，业务多快好省-->
<!--      </span>-->
      <selfTime></selfTime>
    </div>
    <div v-if="!loading" class="baseBody">
      <router-view/>
    </div>
    <img v-if="!loading" class="heigetPoint" :src="heigetPoint" alt="">
  </div>
</template>

<script>
import '@/assets/js/flexible'
import '@/assets/js/china'
// import countTo from 'vue-count-to'
// import selfMenu from '@/components/selfMenu/index'
import selfTime from '@/components/selfTime/index'
import heigetPoint from "@/assets/selfImp/heigetPoint.png";

export default {
  name: 'BaseAll',
  components: {
    // countTo,
    // selfMenu,
    selfTime
  },
  data() {
  	return {
      loading:true,
      heigetPoint
    }
  },
  computed: {

  },
  created() {
  },
  mounted() {
    /**
     * 数据加载loding
     */
    setTimeout(() => {
      this.loading = false;
    }, 1000);
  },
  methods: {

  },
  beforeDestroy() {
  }
}
</script>

<style lang="scss" scoped>
.BaseAll{
  height: 100%;
  width: 100%;
  .baseHead{
    display: flex;
    justify-content: space-between;
    height: 50px;
    border-bottom: 2px #0160C8 solid;
    align-items: center;
    .baseTitLe{
      width: 30%;
      margin-left: 0.3rem;
      font-size: xx-large;
      font-weight: bold;
      color: #00D2FF;
      line-height: 40px;
      background: linear-gradient(0deg, #ABECFF 0%, #FFFFFF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      span{
        font-size: x-small;
      }
    }
    .selectRange{
      width: 60%;
      display: flex;
      align-items: center;
    }
  }
  .baseBody{
    height: calc(100% - 74px);
    width: 100%;
    padding: 0.15rem;
  }
  .heigetPoint{
    height: 5%;
    width: 7%;
    position: absolute;
    top: calc(50px - 2.5%);
    animation: leftMove 10s linear infinite;
  }
}
@keyframes leftMove {
  0%   {left: -3%;}
  100% {left: 97%;}
}
</style>
